Design system + 10 mobilnih ekrana + 11 web admin ekrana. Sledi šetnja kroz odluke i flow-ove.
Provera za svaki novi ekran. Ako nešto ne prolazi ova pravila — vraćamo se na njih pre nego što dodamo još jedno polje, dugme ili tab.
Nije forma + filteri + 5 akcija + dashboard. Razdvojeno. Lakše razumeti, lakše naučiti, lakše promeniti.
Posmatrač ne odlučuje lakši/teški. Sistem klasifikuje, zove PCC, posmatrač samo opisuje šta vidi.
Po BM zaduženju, regionu, roli. Nikada globalno. „Hiljadu komada u sekundi" je bag, ne feature.
Upozorenja sa eskalacijom, nikada blokirajuće. Tamarin princip: „ne možemo da znamo".
Ako bilo ko izvozi u Excel da bi obavio zadatak, sistem nije gotov.
Mobile: 3 tapa do svake stvari. Web: pretraga, filteri, bulk akcije, keyboard-first.
15 sekcija reference: foundations + komponente + obrasci. CRTA crveno kao akcent (~5% površine), warm ink paleta, Geist sans/mono (Latin + Cyrillic). Status sistema (UI) i status posmatrača (zelena/crvena/crna) su odvojeni — različite ose, različiti tokeni.
React Native (iOS + Android). Svaki ekran je interaktivni prototype sa Tweaks panelom za eksploraciju stanja. Story-line: Jovana Đurović, STO IN, BM 0341/A — OŠ Vladislav Ribnikar, Novi Beograd, cela smena 06—22, izborni dan 14:08.
Self-serve registracija u 6 koraka: osnovni podaci → JMBG + lična karta (foto) → telefon + SMS verifikacija → email link → consent (GDPR / javna lista / kodeks) → done. Zahtev ide HR koordinaciji na odobrenje.
Posle login-a vidi BM, sledeći deadline, SOS dugme, quick akcije. Tri metafore u design canvas-u side-by-side: Calm / Timeline / Action grid. Pikiran A · Calm.
Posle drži-pritiskaj 1.2s na home-u: live lokacija + audio + lanac obaveštenja (CC + koordinator + šef misije + pravni tim). SMS failover kad veza padne. Otkazivanje drži-pritiskaj 2s — sporije od aktiviranja.
Periodična forma sa steperima, prethodni izveštaj kao referenca, inline soft warnings (skok preveliki, razlika listića). „Pošalji uprkos upozorenju" žuto — nikad blokira. Dva STO po smeni, primary/secondary view.
State machine: entry (opis + atačmenti) → classifying (Vigilo analizira) → outcome lakši (koordinator obavešten) ili teški (PCC će te pozvati, prosečno čekanje, instrukcije: ne ulazi u sukob).
Chat sa AI asistentom (odgovara iz Zakona + priručnika sa izvorima). Plus voice mode: poziv ZmAI-u → triaže → prosleđuje koordinatoru / CC / pravnom timu. 6 faza poziva sa transcript-om uživo.
Zamena za Viber/Signal grupe. Inbox sa 4 razgovora: koordinator DM / par-grupa / BM grupa / HQ broadcast. Plus compose-broadcast za koordinatore — merge polja (ime/bm/smena) + live preview kako primalac vidi.
22:00, posle zatvaranja BM. Kamera UI sa frame overlay → OCR processing (sweep scanning) → rezultati sa poređenjem prema 20:00 izveštaju + per-lista konfidenca (nesigurni broj žut sa „proveri sa zapisnika").
Zamena za LearnDash. Lista 8 modula (5 done sa zvezdicama, 1 active, 1 next, 2 locked + finalni test). Video lekcija sa speed kontrolama + beleške. Kviz od 3 pitanja sa inline feedback-om i edukativnim objašnjenjem.
Dugoročni posmatrač piše izveštaj o kampanji. Lista prošlih + nov unos sa 3-osovinskim tagovanjem (akteri / fenomeni / lokacije) sa bottom-sheet pickerom + intenzitet 1-5 + dokazi.
Vue 3 / Laravel. Hi-fi mockup-i sa konzistentnim sidebar/topbar strukturom. Roles in story: šef misije R. Drobac, HR koordinator M. Stojanović, PCC operater B. Janković, analitičar V. Cvetković, komunikacioni tim J. Mladenović.
Real-time pregled za HQ. Misija header + 6 KPI (pokrivenost / posmatrači / izlaznost / incidenti / SOS / zone u opasnosti) + mapa Srbije sa regionalnim klasterima + alarmi feed + auto-saopštenje + stratum + incidenti po tipu donut.
Centralni „1 BM = 1 strana" pregled. Hero + 4 stat + 2 posmatrača. 5 tabova: Profil / Kontekst / Istorijat / Okruženje / Eksterni signali. Right rail: mini-mapa + tok dana uživo.
Zamena za 21-kolonu Reports horror. Split: lista (480px) sa pri-stripe + avatar + bedževi · detalj sa AI klasifikacijom, dokazima, audit logom. J/K za navigaciju, sticky action bar (Označi rešeno E / Eskaliraj R / Otvori BM B).
Drag-and-drop pool slobodnih → BM po regijama sa 3 shift slota (Cela / Prva / Druga). Crvene zastavice za probleme (PRAZNO BEZ KOORD / 5 STO PREVIŠE / DUPLIKAT). Desni klik na chip → context menu.
Tabela 10 543 sa AND/OR/NOT query builder, saved views, bulk action bar sa permission check, modernim ikon dugmadima na hover, virtual scroll bez paginacije, ocena 1-5 zvezdica.
Hero sa quick contact (Email/WhatsApp/SMS). 7 tabova: Personal / Adresa / Profile (komentar log) / Connect / Access (tipovi + sistemske role + hijerarhija) / Timeline (4 ciklusa) / History (audit log).
Mission header sa countdown + 5 KPI + lijevak regrutacije (7 stepenica) + dnevni tempo 14d sa weekend bars + po regionima + tipovima donut + status obuke + operativna pipeline.
Auto-saopštenje composer sa 4 kanala (Dugačka mail / Kratka / X-Twitter / Web). Trend line chart sa 4 ciklusa kao linije + projekcija 20:00. Stratum + incidenti po tipu sa delta vs 2024.
„Crveni telefon" banner kad poziv ulazi (sweep animacija). Queue levo + Active call top + AI predlog primedbe za zapisnik (3 tona) + dokazi audio playback + Pošalji u zapisnik BM.
7 sekcija (Osnove / Copy from / Tipovi posmatrača / Smene / Akreditacije / Forme / Napredna) + sticky live preview panel desno sa dinamičkim sažetkom + Copy Settings From za nasleđivanje.
Case management sa embed indicator (live sync 2min). 3-fazne kartice (Pre / Tokom / Posle izbora). Levo: tim folderi (HR · Pravni · Komunikacija · Operativa · CC · Tehnički). Tabela slučajeva sa external link u AppWorks za napredne stvari (Gantt / Kanban / custom polja). Bidirekciona sinhronizacija preko webhook + API.
Sledeća iteracija — validacija sa CRTA timom · pilot M2 Home na 10 prošlih posmatrača · W2 Kartica BM sa Vojom.